/* basic elements */
a,a:hover,span,table,td,th,cite,caption,pre,p,b,label,i,em,u,h1,h2,h3,h4,select,input,textarea,input[type="text"]:focus, textarea:focus {
	font-family: arial;
	line-height: 15px;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
}

table,td,th {
	font-size: 1.1em;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

u {
	text-decoration: underline;
}

body {
	background: #f6f6ec;	
}

#header {
	background: url(../images/bgHeader.gif) repeat-x top left;
	width: 100%;
	height: 48px;
}

#headerLeft {
	float: left;
	width: 50%;
}

#headerRight {
	float: right;
	width: 48%;
	margin: 5px 5px 0 0;
}

#page {
	padding: 10px;
}

.boxFile {
	background: #f6f6ec url(../images/bgBox.gif) repeat-x top;
	border: 1px solid #e4e5d2;
	width: 460px;
	padding: 5px;
	margin-bottom: 10px;
}

.dataTable {
	border-collapse: collapse;
	width: 100%;
	background: #fff;
}
.dataTable td {
	border: 1px solid #eee;
	padding: 4px;
}
.dataTable th {
	border: 1px solid #D0D0D0;
	background:url("../images/bgExtHeader.gif") repeat-x top;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}
.dataTable .thHover, .header2 {
	border: 1px solid #AACCF6;
	background:url("../images/bgExtHeaderHover.gif") repeat-x top;
	padding: 4px;
}
.dataTable caption {
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
}

.dataTable tr:hover {
	background: #FBE1DB;
}

.altRow {
	background: #F8F5F5;
	border-top: 2px solid #E6E1E1;
	border-bottom: 2px solid #E6E1E1;
}

.altRow2 {
	background: url("../images/headerBG3.gif") repeat-x top;
	border-top: 1px solid #E6E1E1;
}

.blueRow {
	background: #E7F0FE !important;
	border-top: 1px solid #D5EBFF;
	border-bottom: 1px solid #D5EBFF;
}

.altRowStripes {
	background: #fff;
	border-top: 2px solid #E6E1E1;
	border-bottom: 2px solid #E6E1E1;
}

.rowStripesOnly {
	background: #fff url("../images/bgRowStripesOnly.gif") repeat-x top;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #E6E1E1;
}

.noRowClass {
	background: #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.colLeft {
	text-align: right;
	padding-right: 10px;
}

/* End Table Styles */
/* Form Styles */

#form {
	margin: 10px 0px 0px 200px;
	padding: 1px;
	width: 80%;
	border: 1px solid #cccccc;
}
form p {
	clear: left;
	margin: 0px;
	padding: 0px 0px 0px 2px;
}

form .vertLabelSmall, .vertLabelSmall {
	display: block;
	margin: 9px 0 3px 0;
}

label {
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-right: 10px;
	letter-spacing: 1px;
}

.vertLabelSmall, .labelSmall {
	font-family: Arial;
	font-weight: bold;
	color: #000;
	padding-right: 10px;
	letter-spacing: 0px;
}

.grayText {
	color: #999;
	font-weight: inherit;
}

.ltGrayText {
	color: #BEBDBD;
	font-weight: inherit;
}

select, input, textarea {
	padding: 1px;
	font-size: 1.1em;
}

/* style form elements on focus (no IE) )*/
input[type="text"]:focus, textarea:focus {
	background: #FFFFD2;
	padding: 2px;
	border: 1px solid #6699CC;
	font-size: 1.1em;
}

.bigFormText, .bigFormText:focus {
	font-family: arial !important; 
	font-size: 1.5em !important;
	color: #000;
	font-weight: bold !important;
	background: url("../images/headerBG3.gif") repeat-x top !important;
	border: 2px solid #999 !important;
	padding: 3px;
}

.inputBigTitle {
	font-family: arial;
	font-weight: normal;
	font-size: 22px;
	color: #6D3B6D;
}

/* End Form Styles */

/* Main Content Link Styles */
a {
	text-decoration: underline;
	color: #003399;
}

a:hover {
	text-decoration: underline;
	color: #597EC8;
}

/* Main Text Styles */
h1 {
	font-family: arial;
	font-weight: normal;
	font-size: 2.0em;
	color: #6D3B6D;
	margin: 10px 0 10px 0;
}

h2 {
	font-family: arial;
	font-weight: bold;
	font-size: 1.5em;
	color: #CC6600;
	margin-bottom: 5px;
}

h3 {}

h4 {}

h5 {}

.h1SubText {
	color: #9D3C9D;
}

#view label {
	font-weight: bold;
	color: #CC6600;
}
#freeText {
    margin-left: 200px;
	padding: 1px;
	width: 80%;
	height: 50%;
}

.popUpWindow {
	border: 1px solid #eee; 
	background: url(../images/bgWindow.gif) repeat-x top left;
	padding: 5px;
}

/***** SITE MESSAGES *****/

.errorMessageBig {
	font-family: arial;
	font-weight: bold;
	font-size: 1.5em;
	color: red;
	background: url(../images/iconWarningBig.gif) no-repeat top left;
	height: 25px;
	padding-left: 28px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
}
.successMessageBig {
	font-family: arial;
	font-weight: bold;
	font-size: 1.5em;
	color: #CC6600;
	background: url(../images/iconSuccessBig.gif) no-repeat top left;
	height: 25px;
	padding-left: 28px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
}
.activityMessageBig {
	font-family: arial;
	font-weight: bold;
	font-size: 1.5em;
	color: #CC6600;
	background: url(../images/ajaxAnimBlack.gif) no-repeat top left;
	height: 25px;
	padding-left: 28px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
}

.errorMessageSmall {
	font-family: arial;
	font-weight: bold;
	font-size: 1em;
	background: url(../images/silkIcons/error.png) no-repeat top left;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
}

.successMessageSmall {
	font-family: arial;
	font-weight: bold;
	font-size: 1em;
	color: #CC6600;
	background: url(../images/silkIcons/accept.png) no-repeat top left;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
}

/***** END SITE MESSAGES *****/

.infoDiv {
	width: 99%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 8px;
	background: #F7F8FA;
	border: 1px solid #E7E9EB;
}

.emphBox {
	 margin-top: 5px; 
	 margin-bottom: 5px; 
	 border: 1px solid #F2BE23;
	 background: #F2BE23;
}
.emphBoxInner {
	border: 3px solid #FBED89; 
	padding: 5px; 
	background: #FFFFD2;
	font-family: Arial;
	font-size: 1.3em;	
	font-weight: bold;
}

.emphBoxInner select {
	font-weight: bold;
}

.blueBox {
	background: #E7F0FE;
	border: 1px solid #D5EBFF;
	padding: 3px;
}

.bluerBox {
	background: #CADDFC;
	border: 1px solid #B4DAFD;
	padding: 3px;
}

.hiLite {
	background: #FFFFD2;
	border-top: 2px solid #F9F97C;
	border-bottom: 2px solid #F9F97C;
}
.noHiLite {
	background: #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

/***** TAB STYLES ********************************************************/

.formTabs ul {
    list-style: none;
	display: inline;
}

.formTabs li.tab {
    float: left;
	background: url("../images/tabRight.gif") no-repeat right top;
	width: 100px;
	height: 32px;
	padding-top: 3px;
    text-align: center;
    margin-left: -1px;
	cursor: pointer;
}
.formTabs li.tabLeft {
	float: left;
	background: url("../images/tabLeft.gif") no-repeat right top;
	width: 5px;
	height: 32px;
	cursor: pointer;
}
.formTabs li.tabLeft2 {
	float: left;
	background: url("../images/tabLeft2.gif") no-repeat right top;
	width: 4px;
	height: 32px;
	cursor: pointer;
}

.formTabPanel {
	margin-top: -5px;
	border: 2px solid #A9D4FC;
	padding: 5px;
}

/***** END TAB STYLES ****************************************************/

.linkViews {
	width: 100px;
	height: 20px;
	background: url(../images/icon_small_view.gif) left no-repeat;
	color: #999;
	padding-left: 20px;
}
.panelTitle {
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	color: #000;
}

ul .simple {
	font-size: 1em;
	list-style-type: square;
	margin-left: 20px;	
}

/***** AUTOCOMPLETE STYLES ******/
div.autocomplete {
	position:absolute;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ccc;
	background-color: #fff;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 350px;
	height: 200px;
	overflow: auto;
}

div.autocomplete ul li.selected { 
	background-color: #FFFFD2;
}

div.autocomplete ul li {
	background-color: #fff;
	list-style-type: none;
	margin: 0;
	padding: 2px;
	cursor: pointer;
}

.blueTH {
	color: #fff;
	font-weight: bold;
	background: url(../images/bluDarkBG.gif) repeat-x left;
	height: 25px;
	text-align: left;
	padding-left: 5px;	
}

.search-item {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:3px 10px 3px 10px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#555;
}
.search-item h3 {
    display:block;
    font:inherit;
    font-weight:bold;
    color:#222;
}

.search-item h3 span {
    font-weight:normal;
    margin:0 0 5px 5px;
    width:100px;
    display:block;
    clear:none;
}

/***** LITTLE ICONS AND STUFF *****/

.iconStaff {
	background: url(../images/iconPeople.gif) no-repeat left;
	padding-left: 25px;
	height: 25px;
}

.iconNotes {
	background: url(../images/note_pinned.png) no-repeat left;
	height: 24px;
	padding-left: 30px;
}

.iconFollowUp {
	background: url(../images/silkIcons/phone_go.png) no-repeat left;
	height: 24px;
	padding-left: 30px;
}

.iconBulletRed {
	width: 20px;
	height: 20px;
	background: url("../images/silkIcons/bullet_red.png") no-repeat;
}
.iconPerson {
	display: block;
	height: 20px;
	padding-left: 25px;
	background: url(../images/silkIcons/users1.png) no-repeat left;
}

.iconEmail {
	display: block;
	height: 20px;
	padding-left: 25px;
	background: url(../images/silkIcons/email.png) no-repeat left;
}

.iconWebsite {
	display: block;
	height: 20px;
	padding-left: 25px;
	background: url(../images/silkIcons/application_side_list.png) no-repeat left;
}

.iconPhone {
	display: block;
	height: 20px;
	padding-left: 25px;
	background: url(../images/silkIcons/phone.png) no-repeat left;
}

.iconTag {
	display: block;
	height: 20px;
	padding: 5px 0 5px 25px;
	margin-left: 5px;
	background: #FFFFD2 url(../images/silkIcons/tag_red.png) no-repeat left;
}

.iconRemove {
	height: 20px;
	width: 25px;
	background: url(../images/silkIcons/cross.png) no-repeat center;
}

.iconInProgress {
	height: 32px;
	width: 32px;
	background: url(../images/knobBlue.png) no-repeat;
	font-weight: bold;
	color: #fff;
	font-size: 1em;
	text-align: center;
	padding-top: 9px;
}

.iconUploadComplete {
	height: 32px;
	width: 32px;
	background: url(../images/knobOK.png) no-repeat;
}

.iconError {
	height: 32px;
	width: 32px;
	background: url(../images/knobError.png) no-repeat;
}

/***** DASHBOARD STYLES ***********/
.dashboardWinContainer {
	padding: 6px;
}

/***** STATUS STYLES *************/
.statusAlert {
	width: 100%;
	height: 20px;
	background: url(../images/silkIcons/exclamation.png) no-repeat center;
}
.statusClosed {
	width: 100%;
	height: 20px;
	background: url(../images/silkIcons/accept.png) no-repeat center;
}
.statusTransferred {
	width: 100%;
	height: 20px;
	background: url(../images/silkIcons/phone_go.png) no-repeat center;
}
.statusOpen {
	width: 100%;
	height: 20px;
	background: url(../images/silkIcons/asterisk_yellow.png) no-repeat center;
}
.statusReopen {
	width: 100%;
	height: 20px;
	background: url(../images/silkIcons/folder_page.png) no-repeat center;
}
.statusWarning {
	width: 100%;
	height: 20px;
	background: url(../images/silkIcons/error.png) no-repeat center;
}

.statusAlertRow, .statusAlertBox {
	background: #ffcccc;
}
.statusWarningRow, .statusWarningBox {
	background: #FDD496;
}

.memberType {
	z-index: 20000;
}

/***** CONTACT FORM STATUS STYLES ****************************************/
#contactFormStatus {
	font-family: Arial;
	font-size: 1.5em;	
	font-weight: bold;
	width: 100%;
}

#contactFormStatusInner {
	padding: 8px;
}

.statusOpenBox {
	background: #FBED89; 
}

.statusClosedBox {
	background: #ccff99; 
}

/***** BUTTON STYLES *****************************************************/
.coolButton {
	display: block;
	height: 26px;
	width: 121px;
	cursor: pointer;
	text-decoration: none;
}

.buttonBGBlueGray {
	background: url(../images/bgButtonBlueGray.gif) 0 0 no-repeat;	
}
.buttonBGRedGray {
	background: url(../images/bgButtonRedGray.gif) 0 0 no-repeat;	
}
.buttonBGYellowGray {
	background: url(../images/bgButtonYellowGray.gif) 0 0 no-repeat;	
}
.buttonBGYellow {
	background: url(../images/bgButtonYellow.gif) 0 0 no-repeat;	
}
.buttonBGRed {
	background: url(../images/bgButtonRed.gif) 0 0 no-repeat;	
}
.buttonBGGreen {
	background: url(../images/bgButtonGreen.gif) 0 0 no-repeat;	
}

.coolButton:hover {
	background-position: 0 -26px;
	text-decoration: none;
}

.coolButton span {	
	display: block;
	height: 26px;
	width: 95px;
	padding: 5px 0 0 23px;
	
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	text-align: center;
}

.coolButton span.add {
	background: url(../images/silkIcons/add.png) 3px 4px no-repeat;
}
.coolButton span.update {
	background: url(../images/silkIcons/arrow_refresh.png) 3px 4px no-repeat;
}
.coolButton span.save {
	background: url(../images/silkIcons/disk.png) 3px 4px no-repeat;
}
.coolButton span.cancel {
	background: url(../images/silkIcons/delete.png) 3px 4px no-repeat;
}
.coolButton span.search {
	background: url(../images/silkIcons/magnifier.png) 3px 4px no-repeat;
}
.coolButton span.login {
	background: url(../images/silkIcons/key_go.png) 3px 4px no-repeat;
}
.coolButton span.close {
	background: url(../images/silkIcons/exclamation.png) 3px 4px no-repeat;
}
.coolButton span.upload {
	background: url(../images/silkIcons/folder_go.png) 3px 4px no-repeat;
}

.buttonBlueGray a:hover, .buttonBlueGray input:hover {
	text-decoration: none;
	background-position: 0 -26px;
}

.buttonBig {
	width: 150px;
	height: 35px;
	font-family: arial;
	font-weight: bold;
	font-size: 1.6em;
	color: #000;
	padding-left: 40px;
	padding-top: 10px;
	border: 0px;
	cursor: pointer;
}

.arrowDown {
	background: url("../images/buttonArrowDown.gif") left no-repeat;
	padding-left: 22px;
}

.arrowUp {
	background: url("../images/buttonArrowUp.gif") left no-repeat;
	padding-left: 22px;
}

.buttonEdit {
	display: block;
	cursor: pointer;
	width: 17px;
	height: 22px;
	background: url(../images/buttonEditBig.gif) no-repeat;
}

.buttonDelete {
	display: block;
	cursor: pointer;
	width: 17px;
	height: 22px;
	background: url(../images/buttonDeleteBig.gif) no-repeat;
}

.buttonDeleteSmall {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(../images/silkIcons/cross.png) no-repeat;
}

.buttonDetailsSmall {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(../images/silkIcons/layout_edit.png) no-repeat;
}

.buttonNewCall {
	background: url(../images/buttonNewCall.gif) no-repeat;
}

.buttonGo {
	width: 21px;
	height: 17px;
	border: 0px;
	background: url(../images/buttonGo.gif) no-repeat;
	cursor: pointer;
}

.buttonExcelDownload {
	display: block;
	height: 25px;
	font-weight: bold;
	background: url(../images/mimeIcons/document_excel.png) no-repeat;
	padding-left: 20px;
}

.buttonDownloadFile {
	display: block;
	height: 25px;
	font-weight: bold;
	background: #ffff99 url(../images/silkIcons/drive_web.png) no-repeat;
	padding-left: 20px;
}
.bgReport {
	height: 35px;
	width: 222px;
	background: url(../images/bgPickReport.gif) no-repeat;
	padding-left: 37px;
	padding-top: 5px;
}

.listView {
	background: url(../images/iconListView.gif) left no-repeat;
	padding-left: 30px;
	height: 20px;
}

.expandedView {
	background: url(../images/iconExpandedView.gif) left no-repeat;
	padding-left: 30px;
	height: 20px;
}

.usersButtonSingle {
	background: url(../images/userSingle.gif) left no-repeat;
	width: 26px;
	height: 23px;
	cursor: pointer;
}

.usersButtonGroup {
	background: url(../images/userGroup.gif) left no-repeat;
	width: 26px;
	height: 23px;
	cursor: pointer;
}

.toolbarEdit {
	background-image:url(../images/silkIcons/table_edit.png) !important;
}
.toolbarDelete {
	background-image:url(../images/silkIcons/cross.png) !important;
}
.toolbarNewMessage {
	background-image:url(../images/silkIcons/note_add.png) !important;
}

/***** END BUTTON STYLES *************************************************/

/***** TRASH BIN STYLES **************************************************/

.trashBin {
	width: 150px;
	height: 20px;
	padding: 2px 0 0 25px;
	float: right;
}

.off {
	background: #555C61 url(../images/trashEmpty.png) left no-repeat;
	border: 1px solid #000;	
	color: #fff;
	font-size: 1.1em;
}

.on {
	background: #FFFFD2 url(../images/trashFull.png) left no-repeat;
	border: 1px dashed #F2BE23;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
}

/***** TAG SYSTEM STYLES **************************************************/

.tagDiv {
	width: 500px;
	height: 80px;
	overflow: auto;
	border: 1px solid #7f9db9;
	padding: 3px;
	line-height: 20px;
}	

.tagDiv ul, .tagDiv li {
	margin: 0px;
  	padding: 0px 4px;
	list-style:none;
  	display:inline;
	width: 500px;
}

.tagDiv a:hover {
	background: #003399;
	color: #fff;
}

.used a {
	text-decoration: line-through;
	color: #8cb6f9;
}

/***** PROGRESS METER CLASSES *****/
.progressMeter {
	text-align: center;
	height: 19px;
	width: 100%;
	background: url(../images/bgProgressBar1.gif) repeat-x;
	margin: -10px 0 20px 0;
	border: 1px solid #fff;
}

.progressMeterBar {
	background: url(../images/bgProgressBar2.gif) repeat-x;
	height: 19px;
}
